<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>新笔趣阁_书友最值得收藏的网络小说阅读网</title>
    <link rel="stylesheet" href="./css/regist.css">
    <script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="js/jquery-1.12.4.js"></script>
    <script type="text/javascript" src="js/login.js"></script>
    <link rel="stylesheet" type="text/css" href="css/login-ajax.css">
    <script type="text/javascript" src="./js/clipboard.min.js"></script>
</head>
<body>
    <!-- 头部开始 -->
    <header class="header">
        <!-- 头部的div用来保证缩放可以正常进行 -->
        <div class="center">
            <div class="header-div">
                <div class="header-left-one">
                    <!-- <img src="./images/all.gif" alt=""> -->
                    <a class="btnCopy" data-clipboard-text="localhost:8080">将本站设为首页</a>
                </div>
                <div class="header-left-two">
                    <a href="#">收藏新笔趣阁</a>
                </div>
                <div class="header-right">
                    <c:if test="${empty username}">
                        <form action="/mutilAdmin" class="header-form" id="loginForm">
                            账号：<input type="text" name="username" id="username" class="username">
                            密码：<input type="password" name="password" id="password" class="password">
                            <input type="button" value="登录" id="submit">
                            <a href="register.jsp" class="registration">用户注册</a>
                            <a href="forgetpwd.jsp" class="registration">忘记密码</a>
                        </form>
                    </c:if>
                    <c:if test="${not empty username}">
                    <span id="ajax">hi,${username}&ensp;
                        <c:if test="${type==3}">超级管理员
                            <a href="/mutilAdmin?_method=selectAdmin" class="svip">超级管理员界面&ensp;|</a>
                        </c:if>
                        <c:if test="${type==2}">管理员
                            <a href="/mutilAdmin?_method=selectAdmin" class="vip">管理员界面&ensp;|</a>
                        </c:if>
                        <c:if test="${type==1}">尊敬的用户
                            <a href='/index.jsp' class='user'>回到首页&ensp;|</a>
                        </c:if>
                    </span>
                        <a href="/BookShelf?_method=myBookShelf">我的书架&ensp;|</a>
                        <a href="forgetpwd.jsp">修改密码&ensp;|</a>
                        <a class="exit">安全退出&ensp;|</a>
                    </c:if>

                </div>
                <div class="clear"></div>
            </div>
        </div>
    </header>
    <!-- --------------------头部结束/整体开始 ----------------------->
    <!-- 新笔趣阁图标一栏 -->
    <div class="new-penguin center">
        <div id="new-penguin-div">
            <div class="image"><a href="index.jsp"><img src="./images/图标.png" alt=""></a></div>
            <div class="form-div">
                <form action="search.html" class="form">
                    <input type="search" class="search-box" placeholder="输入需要搜索的小说">
                    <input type="submit" value="搜索" class="submit-search">
                </form>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <!-- 标题 -->
    <div class="title center">
        <div class="title-div">
            <!-- <a href="#">首页</a>
                    <a href="#">永久书架</a>
                    <a href="#">玄幻奇幻</a>
                    <a href="#">武侠仙侠</a>
                    <a href="#">都市言情</a>
                    <a href="#">历史军事</a>
                    <a href="#">科幻灵异</a>
                    <a href="#">网游竞技</a>
                    <a href="#">女频频道</a>
                    <a href="#">完本小说</a>
                    <a href="#">排行榜单</a>
                    <a href="#">临时书架</a> -->
            <ul>
                <li><a href="index.jsp">首页</a></li>
                <li><a href="/BookShelf?_method=myBookShelf">永久书架</a></li>
                <li><a href="fantasy.jsp">玄幻奇幻</a></li>
                <li><a href="wxxx.jsp">武侠仙侠</a></li>
                <li><a href="romance.jsp">都市言情</a></li>
                <li><a href="historymilitary.jsp">历史军事</a></li>
                <li><a href="science.jsp">科幻灵异</a></li>
                <li><a href="olgame.jsp">网游竞技</a></li>
                <li><a href="femate.jsp">女频频道</a></li>
                <li><a href="mutilfind?_method=finishbook">完本小说</a></li>
                <li><a href="mutilBook?_method=topBook">排行榜单</a></li>
                <li><a href="/BookShelf?_method=tempBookShelf">临时书架</a></li>
            </ul>
        </div>
        <div class="clear"></div>
    </div>
    <!-- 标题结束 -->
    <!-- 主体部分 -->
    <div class="center">
        <form action="index.html" method="POST">
            <!-- <form action="#"> -->
            <table>
                <caption>
                    <h3>用户登录</h3>
                </caption>
                <tr>
                    <td>用户名</td>
                    <td>
                        <input type="text" id="user" name="user">
                    </td>
                </tr>
                <tr>
                    <td>密码</td>
                    <td>
                        <input type="password" id="pass" name="pass">
                    </td>
                </tr>
                <tr>
                    <td>有效期</td>
                    <td>
                        <select name="" id="">
                            <option value="" selected>浏览器进程</option>
                            <option value="">保存一天</option>
                            <option value="">保存一月</option>
                            <option value="">保存一年</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <input type="submit" class="buf_sub" id="buf_sub" value="提交">
                        <div id="msg"></div>
                    </td>
                </tr>
            </table>
        </form>
    </div>
    <tfoot>
        <div class="f_style">
            <div class="f_last">
                <p>本站所有小说为转载作品，所有章节均由网友上传，转载至本站只是为了宣传本书让更多读者欣赏。</p>
                <p>Copyright &copy; 2015&nbsp;新笔趣阁&nbsp;All Right Reserved.</p>
            </div>
        </div>
    </tfoot>
</body>
<script src="./js/jquery-1.12.4.js"></script>
<script type="text/javascript">
    $(function () {
        $(".search-box").focus(function () {
            $(this).attr("placeholder", "");
        })
        $(".search-box").blur(function () {
            $(this).attr("placeholder", "输入需要搜索的小说");
        })
        $(".buf_sub").click(function(){
            var name = $("#user").val();
            if(name == null || name == ""){
                alert("用户名不能为空!");
                return false;
            }
            var password = $("#pass").val();
            if(password == null || password == ""){
                alert("密码不能为空!");
                return false;
            }
        })
    })
</script>

</html>